<template>
	<view class="">
		<uni-nav-bar dark :fixed="true" shadow background-color="#fff" status-bar left-icon="left" title="支付成功"  color="#333" @clickLeft="back" />
	
		<view class="order_success_view" :style="{'top':($store.state.jiaonang.bottom+4)+'px'}">
			<view class="oring_sy">
				<image src="../../static/order/os.png" class="doing_img"></image>
				<view class="do_text">
					支付成功
				</view>
			</view>
			<view class="pinggu_btn" @click="showPingGu">
				查看评估记录
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				orderId:""
			};
		},
		onLoad(ph) {
			console.log(ph,"onLoadph")
			if(ph.orderId){
				this.orderId = ph.orderId
			}
			
		},
		onBackPress(options){//这里是监听安卓物理返回键或者侧滑左滑返回方式
			console.log("111")
			// uni.switchTab({
			// 	url:"/pages/mine/mine"
			// })
			uni.navigateTo({
				url:"/pages/mine/kefu"
			})
			return true;
		},

		methods:{
			back(){
				uni.switchTab({
					url:"/pages/mine/mine"
				})
			},
			showPingGu(){
				uni.reLaunch({
					url:"/pages/order/pingGu?orderId="+this.orderId
				})
			}
		}
	}
</script>

<style lang="scss">
.order_success_view{
	min-height: 100vh;
	background-color: #fff;
	text-align: center;
	.oring_sy{
		padding: 148rpx 0 106rpx;
		.doing_img{
			width: 256rpx;
			height: 192rpx;
		}
		.do_text{
			font-size: 56rpx;
			font-weight: 500;
			color: #333333;
			padding-top: 86rpx;
		}
	}
	.pinggu_btn{
		color: #fff;
		background: linear-gradient( 270deg, #3568DB 0%, #3676F4 100%);
		display: inline-block;
		padding:34rpx 44rpx;
		border-radius: 50rpx;
		font-size: 28rpx;
	}
}
</style>
